﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Root.Master" AutoEventWireup="true" CodeBehind="Join.aspx.cs" Inherits="OpenPhotoAlbum.Join" %>
<%@ Register Assembly="OpenPhotoAlbum" Namespace="OpenPhotoAlbum.Controls" TagPrefix="cc" %>
<asp:Content ID="Content2" ContentPlaceHolderID="phContent" runat="server">
    <div class="join">
		<div class="welcome"><%= Resources.Strings.CreateAnAccount %></div>
		<div class="border">
			<div class="input">
				<table>
					<tr>
						<td class="leftColumn"><asp:Literal ID="ltrUserName" runat="server" /></td>
						<td class="rightColumn"><asp:TextBox ID="tbUserName" runat="server" MaxLength="45" TabIndex="1" /></td>
					</tr>
					<tr>
						<td class="leftColumn"><asp:Literal ID="ltrPassword" runat="server" /></td>
						<td class="rightColumn"><asp:TextBox ID="tbPassword" runat="server" TextMode="Password" MaxLength="45" TabIndex="2" /></td>
					</tr>
					<tr>
						<td class="leftColumn"><asp:Literal ID="ltrConfirmPassword" runat="server" /></td>
						<td class="rightColumn"><asp:TextBox ID="tbConfirmPassword" runat="server" TextMode="Password" MaxLength="45" TabIndex="3" /></td>
					</tr>
					<tr>
						<td class="leftColumn"><asp:Literal ID="ltrEmail" runat="server" /></td>
						<td class="rightColumn">
							<asp:TextBox ID="tbEmail" runat="server" MaxLength="180" TabIndex="4" />
							<asp:Literal ID="ltrOptional" runat="server" />
						</td>
					</tr>
					<tr>
						<td class="leftColumn"></td>
						<td class="rightColumn"><asp:Literal ID="ltrBenefit" runat="server" /></td>
					</tr>
					<tr>
						<td class="leftColumn" valign="top"><asp:Literal ID="ltrCode" runat="server" /></td>
						<td class="rightColumn"><asp:Image ID="imgCode" runat="server" /><br /><asp:TextBox ID="tbCode" runat="server" TabIndex="5" /></td>
					</tr>
					<tr>
						<td class="leftColumn"></td>
						<td class="rightColumn"><asp:CheckBox ID="cbUserAgreement" runat="server" TabIndex="6" /></td>
					</tr>
					<tr>
						<td class="leftColumn"></td>
						<td class="rightColumn"><asp:Button ID="btnJoin" runat="server" onclick="btnJoin_Click" TabIndex="8" /></td>
					</tr>
					<tr>
						<td colspan="2" align="center" class="msg"><cc:Message ID="msgError" runat="server" /></td>
					</tr>
				</table>
			</div>
        </div>
    </div>
    <script type="text/javascript">
    	$(function() {
    		$('#<%= tbUserName.ClientID %>').focus();
    	});
    </script>
</asp:Content>
